
const element = <h1>hello,world</h1>

// 创建一个无状态组件

// 一般情况下，把函数组价称之为无状态组件
/**
 * 
 * @param {any} props 父组件传递下来的参数
 */
// 一个函数组件需要，return结构出来，而所谓的结构就是react元素

// jsx中表达式使用{}来表示
// 作用：动态解析一些变量或者数据
// 表达式中不可以编写语句（可以写三元）
// jsx中标签必须有结尾
let num = 50;

const App = (props)=>{
  if(num==50){
    return(
      <fieldset>
        <legend>App组件</legend>
        <img src="" alt="" />
        <h1>第一个组件:{20+20}</h1>
        {element}
      </fieldset>
    )
  }else{
    return "lallalal"
  }
}

export default App